@-moz-keyframes FadeBackIn {
  0% {
    background-color: rgba(204, 204, 204, 0); }

  100% {
    background-color: rgba(204, 204, 204, 0.5); } }

@-webkit-keyframes FadeBackIn {
  0% {
    background-color: rgba(204, 204, 204, 0); }

  100% {
    background-color: rgba(204, 204, 204, 0.5); } }

@keyframes FadeBackIn {
  0% {
    background-color: rgba(204, 204, 204, 0); }

  100% {
    background-color: rgba(204, 204, 204, 0.5); } }

@keyframes FadeBarIn {
  0% {
    background-color: rgba(0, 0, 0, 0); }

  100% {
    background-color: #000; } }

.dialog-back {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none; }
  .dialog-back.visible {
    display: block;
    background-color: rgba(204, 204, 204, 0.5);
    -moz-animation: fadeBackIn 0.2s ease-out;
    -webkit-animation: fadeBackIn 0.2s ease-out;
    animation: fadeBackIn 0.2s ease-out; }
    .dialog-back.visible .dialog-bar-positioner .dialog-bar {
      -moz-animation: fadeBarIn 0.5s ease-out;
      -webkit-animation: fadeBarIn 0.5s ease-out;
      animation: fadeBarIn 0.5s ease-out; }
  .dialog-back .dialog-bar-positioner {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%; }
    .dialog-back .dialog-bar-positioner .dialog-bar {
      display: block;
      position: absolute;
      left: 0px;
      right: 0px;
      top: -50%;
      background: #000;
      padding: 40px;
      padding-left: 120px;
      padding-right: 120px; }
      @media only screen and (max-width: 480px) {
        .dialog-back .dialog-bar-positioner .dialog-bar {
          padding-left: 20px;
          padding-right: 20px; } }

/*# sourceMappingURL=Tiles.css.map */